<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>字体图标</title>
  <link rel="stylesheet" href="./css/base.css">
  <link rel="stylesheet" href="./iconfont/iconfont.css">
  <style>
    .icon-container {
      /* display: inline-block; */
      line-height: 1;
      /* 确保容器足够大以容纳图标 */
    }
    
    .iconfont {
      font-size: 100px;
      /* 添加以下属性确保图标正确显示 */
      /* vertical-align: middle; */
      /* 防止图标被截断 */
      /* overflow: visible; */
    }
  </style>
</head>
<body>
  <!-- 字体图标展示 -->
  <div class="icon-container">
    <div class="iconfont icon-huodongku" aria-label="活动库图标" role="img"></div>
  </div>
</body>
</html>